<template>

		<headerNav :border="false" :badge="3">
			{{$t('a')}}
			<button @click="btn">切换语言</button>
		</headerNav>
		
	
</template>

<script>
import { defineComponent, reactive, toRefs } from "vue"
import { useI18n } from "vue-i18n"
import { useStore } from "../../store"
	export default defineComponent({
	
		setup(){
			const data = reactive({
				
			})
			const {locale} = useI18n()
			const store = useStore()
			const btn = ()=>{
				locale.value = locale.value==='en'?'zh':'en'
			}
			return{
				...toRefs(data),
				btn
			}
		}
	})
</script>

<style lang="scss">

</style>
